<template>
    <div :class="swipername" class="swiper-container">
        <div class="swiper-wrapper">
            <slot></slot>
        </div>
    </div>
</template>

<script>
    import Swiper from 'swiper/bundle'
    import 'swiper/swiper-bundle.css'
    export default {
            props:{
               swipername:{
                   type:String,
                   default:'ju_zhao',
               }
            },
            mounted() {
                    new Swiper('.'+this.swipername, {
                    slidesPerView: 3,
                    spaceBetween: 8,
                });
            }
    }
</script>

<style scoped>
        .swiper-wrapper{margin-top: 11px;}
</style>